<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>test页面</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <style>
  * {
    margin: 0;
    padding: 0;
  }
  li {
    list-style: none;
  }
</style>
</head>
<body style="padding: 0;margin: 0;">
<div class="id1"></div>
<div class="id2"></div>
</body>
<script src="js/jquery.min.js"></script>
<script>
$(function(){
	var windowHeight = $(window).height();
	var documentHeight = $(document).height();
	var bodyHeight = $(document.body).height()
	$(".id1").text("浏览器当前窗口可视区域高度 :" + windowHeight);
	$(".id2").text("浏览器当前窗口文档的高度 :" + documentHeight);
})
</script>

</html>
